body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,
th, td, img {border:medium none;margin: 0;padding: 0;list-style-type: none;}
body{background: #fff; font: normal 14px/28px "\5FAE\8F6F\96C5\9ED1";color: #333;}
a{ color: #333;text-decoration: none;font-family: "Microsoft YaHei","iconfont"  !important;}
h1,h2,h3,h4,h5,h6,p,dd,dl,dt{ margin: 0; padding: 0 }
input,select,textarea {font-size:12px; color:#444;margin: 0;}
th, td, img {border:medium none;margin: 0;padding: 0;list-style-type: none;}
em,i{font-style:normal}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}

.fl{float: left;} .fr{float: right;}
.w100{ width:100%;}
.wrap { position: relative; width: 1200px; margin: 0 auto; }

.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb45{margin-bottom: 45px;}
.mt60{ margin-top:60px;}
.ml60{ margin-left:60px;}
.ml45{margin-left: 45px;}
.ml30{margin-left: 30px;}

.topbox{height: 50px;background:#0b2a61;color: #fff;}
.tn-l{line-height: 50px;font-weight: 700;}
.tn-r{line-height: 50px;}
.tn-r p{float: left;padding: 0 10px;line-height: 50px;}
.tn-r p i{font-size: 24px;float: left;margin-right: 5px;}
.tn-r p a{color: #fff;float: left;font-size: 14px;line-height: 46px;}

.topli{height:50px;}
.topli .layui-nav{background:none;padding: 0;}
.topli .layui-nav .layui-nav-item a{color:#fff;}
.topli .layui-nav .layui-nav-item a:hover{background: #393f48;}
.topli .layui-nav .layui-nav-more{border-color: #fff transparent transparent;border-top-color: #fff;margin-top: -3px;}
.topli .layui-nav .layui-nav-item{line-height:50px;}
.topli .layui-nav-child{top:50px;padding:0;box-shadow:none;border:none;background: #434a54;line-height: 40px;    z-index: 9999;}
.topli .layui-nav-bar{height:0;background:none;}

.lnbox{background: #e7effd;padding: 10px 0;}
.logo {width: 20%;}
.navbox{width: 60%;}
.navbox .layui-nav{background: none;padding: 0;}
.navbox .layui-nav .layui-nav-item{line-height: 75px;border-bottom:3px solid #e7effd;}
.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 3px;
	background-color: #5FB878;
	transition: all .2s;
	-webkit-transition: all .2s
}

.navbox .layui-nav .layui-nav-item:hover{border-bottom:solid 3px #5fb878;line-height: 75px;}
.navbox .layui-nav .layui-nav-item a{color: #0b2a61;font-size: 18px;font-weight: 600;}
.navbox .layui-nav .layui-nav-more{border-color:#0b2a61 transparent transparent;margin-top: -3px;}
.navbox .layui-nav-bar{background: none;}
.navbox .layui-nav .layui-nav-item a:hover{color: #434A54;}
.navbox .layui-nav-child{top: 90px;border: none;background: #434A54;}
.navbox .layui-nav-item .layui-nav-child dd a{font-size: 16px;font-weight: 600;color: #fff;}
.inseach{width: 20%;margin-top: 18px;}
.inseach .layui-input{border: none;}
.inseach .layui-btn{margin-left: -5px;background: #0B2A61;}
.layui-nav .layui-nav-item a{padding: 0 30px;}
/*layui*/
.navbox .layui-nav-child{background: #fff; border:1px solid #0b2a61; } 
.navbox .layui-nav-child .on a{ color: #0b2a61 !important;}
.navbox .layui-nav-child .on a:hover{ color: #fff;}
.navbox .layui-nav-item .layui-nav-child dd a{color: #0b2a61; font-weight: normal;}
.inseach .layui-input{border:1px solid #666}
.inseach .layui-input:focus{border:1px solid #0b2a61}


.banner{position: relative;text-align: center;overflow: hidden;}
.banner img{width: 100%;}
.layui-carousel>[carousel-item]>*{height: auto;}
.banner .layui-carousel{background: none;}
.bac{background-position: center 0;background-size: cover;}
.callbacks_container {position: relative;float: left;width: 100%;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides img {height: auto;border: 0;width: 100%;}
.rslides img {height: auto;border: 0;width: 100%;}
.callbacks_tabs {list-style: none;position: absolute;top: 88%;z-index: 999;left: 45%;}
.callbacks_tabs a {visibility: hidden;}
.rslides_tabs {list-style: none;padding: 0;background: rgba(0,0,0,.25);box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;list-style: none;margin: 0 auto 50px;max-width: 540px;padding: 10px 0;text-align: center;width: 100%;}
.rslides_tabs li { display: inline;float: none;margin-right: 1px;}
.rslides_tabs a {width: auto;line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs .rslides_here a {background: rgba(255,255,255,.1);color: #fff; font-weight: bold;}
.callbacks_tabs a:after { content: "\f111"; font-size: 0;font-family: FontAwesome; visibility: visible;
    display: block; height: 13px; width: 13px; display: inline-block; border: 2px solid #FFF; border-radius: 30px;
    -webkit-border-radius: 30px; -moz-border-radius: 30px;-o-border-radius: 30px;-ms-border-radius: 30px;}
.callbacks_here a:after { background: #FFF;}
.callbacks_tabs li { display: inline-block;}
.callbacks_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7;
    z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 55px; background: transparent url(../images/themes.png) no-repeat left top;
    margin-top: -65px;}

.centit h1{float: left;width: 100%; font-size: 58px;font-weight: 600;color: #333;line-height: 65px;text-align: center;}
.centit p{float: left;width: 100%;font-size: 30px;color: #999999;line-height: 40px;margin-top: 30px; text-align: center;}

.inprli ul{width: 1225px;}
.inprli li{float: left;width:18%; margin-right: 2%;margin-top:2%; }
.inprli li img{width: 100%;}
.pictit{float: left;width: 100%;height: 181px;position: relative;}
.pict{float: left;width: 100%; color: #fff;text-indent:10px;}
.pict p{float: left;width: 100%; height: 35px; padding-top:20px;position: absolute;z-index: 1;bottom: 0px; font-size: 16px;}
.pict p { 	
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.1)),color-stop(100%, rgba(0, 0, 0, 0.8)),color-stop(100%, #FFFFFF)); /* Safari 5.1 - 6.0 */
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%,  rgba(0, 0, 0, 0.8) 100%, #FFFFFF 100%);  /* Opera 11.1 - 12.0 */
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.8) 100%, #FFFFFF 100%);  /* Firefox 3.6 - 15 */
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%,  rgba(0, 0, 0, 0.8) 100%, #FFFFFF 100%); /* 标准的语法（必须放在最后） */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#33000000'); /*IE*/
}
.pict i{right:3px;margin-top: -20px; position: absolute;z-index: 8; bottom: 8px;}

.inprli .hpic{position: absolute;z-index: 99; display: none; } 
.inprli li:hover .hpic{display: block; cursor: pointer;width: 18.4% ; height: 100%; z-index: 999; }
.inprli li:hover .hpic i{position: absolute; font-size:80px; line-height: 180px; width: 100%; color: #fff; text-indent: 60px; background: rgba(0,0,0, 0.3); }
.inprtit{ background: url(../img/bgs.jpg) center center;}
.inprtit h2{ color: #AAA; text-align: center; }
.inprtit h2 span{font-size: 40px;  text-align: left; font-weight:bold; color: #333; display: block; width: 100%; text-align: center;background: #fff; line-height: 50px;}
.inth-l{width: 615px;}
.inth-l .inpic{float: left;width: 100%;height: 927px;overflow: hidden;display: block;}
.inpic img{width: 100%;height: auto; transition: all 1s; -webkit-transition: all 1s;}
.inpic img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); cursor: pointer;}
.inth-l .thtit{float: left;width: 100%;background: #eff4fd;height: 290px;}
.inth-l .thtit h2{font-size: 40px;color: #333; padding: 30px 20px;}
.inth-l .thtit h2:hover{color: #0B2A61;}
.inth-l .thtit p{font-size: 16px;line-height: 32px;color: #888; padding:0 20px;}
.inth-r{width: 540px;}  
.jxznh .inpic{float: left;width: 100%;height: 432px;overflow: hidden;display: block;}
.jxznh .thtit{float: left;width: 100%;background: #eff4fd;height: 244px;}
.jxznh .thtit h2{font-size: 40px;color: #333; padding:30px 20px;}
.jxznh .thtit h2:hover{color: #0B2A61;}
.jxznh .thtit p{font-size:16px;line-height: 32px;color: #888; padding:0 20px;}
.jxznh .thtit span,.gfxny .thtit span,.inth-l .thtit span{border:1px solid #666; padding: 3px 8px; color: #666; margin: 10px 25px 0 0; float:right;}
.gfxny .inpic{float: left;width: 100%;height: 268px;overflow: hidden;display: block;}
.gfxny .thtit{float: left;width: 100%;background: #eff4fd;height: 228px;}
.gfxny .thtit h2{font-size: 40px;color: #333; padding:30px 20px;}
.gfxny .thtit h2:hover{color: #0B2A61;}
.gfxny .thtit p{font-size: 16px;line-height: 32px;color: #888; padding:0 20px;}
 
.invpic{position: relative;width: 100%;height: 454px;}
.invpic img{width: 100%;height: 454px;float: left;position: relative;}
.invpic i{background: url(../img/vd.png) center no-repeat;position: absolute;height: 80px;width: 80px;left: 45%;top:45%;}
.invideo .nstit{float: left;width: 100%;height: 135px;margin-top: 10px;background: #eff4fd;border-radius: 2px;}
.nstit{float: left;width: 100%;background: #eff4fd;border-radius: 2px;}
.nstit h3{font-size: 22px;font-weight: 300;color: #333;padding: 10px 20px 0 20px; line-height: 40px;}
.nstit h3:hover{color: #0B2A61;}
.indate{font-size: 16px;padding: 5px 20px;color: #777777;font-weight: 200;}
.nstit p{font-size: 14px;color: #666;padding: 0 20px;line-height: 24px;}
.nstit p:hover{color: #999;}
.nwpic{float: left;width: 100%;}
.rnews{width: 452px;height: 600px;}
.rnews .nwpic{height: 384px;}
.rnews .nstit{height: 215px;}
.rbnwws{width: 473px;}
.rbnwws .nwpic{height: 303px;}
.rbnwws .nstit{height: 166px;}
.irbnews{width: 697px;}
.irbnews .nwpic{float:left;width: 222px;height: 220px;margin-right: 10px;}
.irbnews .nstit{float: left;width:465px;height: 220px;} 

/*第一版的CSS*/
.titdhs{text-align: center;}
.titdhs h3{text-align: center;color: #888; line-height:30px;}
.titdhs h3 b{ color: #333; font-size: 40px;display: block;margin-bottom: 5px;padding-bottom: 5px; }
.titdhs h3 span{display: block; font-size: 20px;background: url(../img/bgs.jpg); }
.boxmain{width: 1225px; margin: 0 auto;}
.lpic{width: 690px; height: 367px; overflow: hidden; display:block;}
.lpic img{  transition: all 1s; -webkit-transition: all 1s; }
.lpic img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.tp-tit{width: 490px;}
.tp-tit h2 {font-size: 48px; color: #00132b; line-height: 1; -webkit-text-stroke-width: 0.2px;font-weight: normal;margin-bottom: 10px; padding-bottom:4px;}
.tp-tit h2 span {float: left; width: 100%;  margin: 20px 0 15px 0; font-size: 28px;  line-height: 1; font-weight: normal;}
.tp-tit a:hover h3{ color:#f00;} 
.tp-tit { line-height: 26px; font-size: 14px; color: #666; }

.tit01 h2 {font-size: 48px; color: #00132b; line-height: 1; -webkit-text-stroke-width: 0.2px;font-weight: normal;margin-bottom: 10px; padding-bottom:4px;}
.tit01 h2 span {margin: 10px 0;padding-left: 15px; font-size: 28px;  line-height: 1; font-weight: normal;}

.thblock{width: 1200px;overflow: hidden;}
.thblock li{float: left;width: 360px;}
.thblock li .thpic{width: 360px;height: 492px;overflow: hidden;display: block;}
.thblock li .thpic img{width: 360px;height: 492px;  transition: all 1s; -webkit-transition: all 1s;}
.thblock li .thpic img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.thtxt{float: left; text-align:left;}
.thtxt h3 { margin-top:15px; line-height: 1; font-weight:normal; font-size: 32px; color: #00132b; }
.thtxt p {margin-top: 15px; line-height: 26px; font-size: 14px; color: #666; }
.tp-tit em{border:1px solid #0b2a61; padding: 3px 8px; color: #0b2a61; margin: 10px 25px 0 0; float:left; font-style:normal;}
.tp-tit em:hover{background: #0b2a61; color: #fff; cursor: pointer;}
.innli-l{width: 565px;}
.newstit{height: 34px;}
.newstit .cnico1{width: 30px;height: 34px;}
.newstit h4{float: left; font-size: 20px;margin-left: 10px;font-weight: bold;}
.newstit span{float: right;color: #99ccff;font-size: 14px;}
.innewsli li{float: left;width: 100%;line-height: 32px;}
.innewsli li span{float: right;}
.pictxt li{float: left;width: 260px;margin:0 10px;}
.pictxt li:last-child{margin-right:0;} 
.pictxt li img{float: left;width: 260px;height: 146px;}
.pictxt li p{float: left;width: 260px;height: 32px;line-height: 32px;overflow: hidden;}

.innli-r{width: 575px;}
.invideo{position: relative;width: 100%; }
.invideo img{width: 100%;height: 250px;float: left;position: relative;}
.invideo i{background: url(../img/vd.png) center no-repeat;position: absolute;height: 80px;width: 80px;left: 45%;top: 25%;}
.invideo p{position: absolute;bottom: 0;background: url(../img/iico.png) repeat; color: #000;width: 100%;height: 36px;text-align: center;font-size: 18px;line-height: 36px;}


/****/





.footer{background: #2f4670;position:relative;margin-top: 60px;}
.fdz {height: 70px;}
.foottop{width:100%;height:70px;line-height:70px;background: #0b2a61;position:absolute;z-index:100;top:0;}
.foottop ul{width: 1200px;margin: 0 auto;height:70px;line-height:70px;}
.foottop li{display: table-cell;width:1%;}
.foottop li:hover{background: #5a5860;}
.foottop li a {display: block;padding: 0;line-height: 70px;text-decoration: none;color: #fff;zoom: 1;text-align: center;font-weight: 900;font-size: 1rem;}
.foottop .link a{font-weight: 500;cursor: pointer;}
.foottop li:hover{background: #403f42;}
.linkbox{height:100%;width:100%;position:absolute;top: 0px;left:0;right:0;z-index:50;background: #373439;padding-top:70px;display:none;}
.linkbox .foottop{position:absolute;z-index:100;}
.linkbox .ftnav{width: 100%;margin-left: 0px;margin-top: 40px;}
.linkbox .ftnav a{width:20%;height:30px;line-height:30px;display:block;float:left;
color:#fff;}
.linkclo{width:36px;height:36px;text-align:center;background:#fff;color:#333;display:block;position:absolute;bottom:0;}

.incont{width: 260px; }
.flogo{margin-bottom: 20px;}
.incontli li{float: left;color: #f8f8f8;padding-bottom: 5px;}
.incontli li i{float: left;width: 22px;height: 25px;padding-right: 10px;}
.incontli li p{float: left;}
.ftnav{width: 615px;margin-left: 40px;margin-top: 30px;}
.ftnav li{float: left;width:150px;margin-left:45px;}
.ftnav li img{margin-bottom: 15px;}
.ftnav li p{color: #d8d8d8;float: left; width: 100%;}
.ftnav li b{color:#d8d8d8;font-size:16px;margin-bottom:5px;margin-bottom: 5px; float: left; width: 100%;}
.fwx {width: 140px;margin-top: 30px;margin-left: 80px;}
.fwx img{float: left;width: 140px;height: 140px;}
.fwx p{float: left;width: 140px;text-align: center;color: #fff;margin-top: 10px;}
.copyf{margin: 20px 0;}
.copyf p{text-align: center;color: #888;}


/**news**/
.cpos{border-bottom: solid 1px #D0D0D0;}
.cpos .layui-breadcrumb a:hover{color: #0B2A61 !important;}
.newsbox-l{width: 765px;}
.newsbox-r{width: 375px;}
.newscon h1{font-size: 24px;font-weight: 700;line-height: 36px;text-align:center;}
.newsinfo{font-size: 16px;}
.newsinfo p{float: left;padding: 0 5px;}
.newscon{ width: 100%; float: left}
.newswz br{display: none;} 
.newswz span br{display: none;}
.newswz img{ width: 99%; padding: 0 0.5%; border-top:10px solid #fff;  border-bottom:10px solid #fff;height: auto; display: block;font-size: 16px;line-height: 32px; margin: 0; padding: 0}
.newswz p{float: left;width: 100%;font-size: 16px;line-height: 32px;margin: 10px 0;text-indent: 30px;}
.newswz {float: left;width: 100%;font-size: 16px;line-height: 32px;margin: 10px 0;}
.newswz .pages a{border:1px solid #000;display:inline-block;}


.newstb{border-top: 1px solid #D0D0D0;padding-top: 10px;}
.newstb p{float: left;width: 100%;font-size: 16px;line-height: 36px;font-weight: 100;}
.nshdtit {height: 45px;background: #e4e4e4;}
.nshdtit span{float: left; font-size: 16px;font-weight: 700;border-bottom: solid #0B2A61 2px;margin-left: 20px;line-height: 43px;}
.hotnews{background: #E4E4E4;width: 335px;padding:20px;}
.hotnews li{float: left;width: 100%;}
.hotnews li p{float: left;width: 100%;font-size: 14px;font-weight: 700;line-height: 32px; height: 32px; overflow: hidden;}
.hotnews li span{float: right;font-size: 12px;color: #666;}
.nrbox .layui-tab-title{height: 45px;line-height: 45px;background: #E4E4E4;}
.nrbox .layui-tab-brief>.layui-tab-title .layui-this{color: #0B2A61;border-bottom: 2px solid #0B2A61;}
.nrbox .layui-tab-title li{line-height: 43px;font-size: 16px;font-weight: 700;}
.nrbox .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:none;}
.nrbox .layui-tab-content{padding: 0;}
.newstj{float: left;width: 100%;margin: 10px 0;}
.newstj li{float: left;width: 100%;padding: 10px 0;}
.newstj li img{float: left;width:92px;height: 68px;}
.newstj li p{float: left;width: 263px;margin-left: 20px; font-size: 14px;font-weight: 700;line-height:28px; height: 28px; }


.pages{float:left;width:100%;text-align:center;}

/**newslist**/
.nsseach{width: 20%;position: absolute;top: 35%;right: 25%;}
.nsseach .layui-input{border: none;background: #F8F8F8;    }
.nsseach .layui-inline{width: 60%;border: solid 1px #d0d0d0;}
.nsseach .layui-btn{margin-left: -3px;background: #0B2A61;}

.cpos .layui-breadcrumb a:hover{color: #0B2A61 !important;}
.newsli-l{width: 765px;height: 640px;}
.newsnav ul li a{float: left;width: 25%;text-align: center;font-size: 20px;color: #2654ab;font-weight: 700; border-bottom: solid 4px #D0D0D0;padding: 20px 0;}
.newsnav ul li a:hover{border-bottom: solid 4px #2654ab;}
.newsnav ul .on a{border-bottom: solid 4px #2654ab;}
.newstw img{float: left;width: 100%;height: 430px;overflow: hidden;}
.newstw h3{float: left;width: 100%;font-size: 20px;font-weight: 700;padding: 20px 0;}
.newstw p{float: left;width: 100%;font-size: 16px;color: #555;line-height: 32px;margin-top: 10px;}
.newstw span{float: left;width: 100%;color: #666;text-align: right;}
.newsli-r{width: 375px;background: #EEEEEE;}
.newslicen{margin: 0 auto;width: 315px;}
.nshdtit h3{font-size: 24px;font-weight: 700;float:left;text-indent:10px;line-height:45px;}
.nshdtit span{font-size: 16px;font-weight: 700;color: #666;}
.nsprtj li{float: left;width: 100%;margin-top: 10px;}
.nsprtj li img{float: left;width: 100%;height: 177px;}
.nsprtj li p{float: left;width: 100%;font-size: 14px;font-weight: 700;line-height: 32px; height: 32px; overflow: hidden;}
.newsli-c{border-top: solid 1px #D0D0D0;}
.newsli-c li{float: left;width: 100%;border-bottom: solid 1px #D0D0D0;padding: 30px 0;}
.newsli-c li img{float: left;width: 250px;height: 140px;margin-right: 20px;}
.newsli-c li .litw{width: 930px;float: left;}
.newsli-c li .litw h4{float: left;width: 100%;font-size: 20px;font-weight: 700;}
.newsli-c li .litw p{float: left;width: 100%;font-size: 16px;color: #555;line-height: 32px;margin-top: 10px;}
.newsli-c li .litw span{float: left;width: 100%;color: #666;text-align: right;margin-top: 10px;}





/**prolist**/
.probox-l{width: 240px;}
.probox-r{width: 900px;}
.plistli .layui-nav-tree{width: 100%;}
.plistli .layui-nav{border-radius:0;background: none;}
.plistli .layui-nav-tree .layui-nav-item{background: #0B2A61;border-bottom: 1px solid #D0D0D0;}
.plistli .layui-nav .layui-nav-item a{color: #fff !important;font-size: 16px;}
.plistli .layui-nav .layui-nav-more{border-color: #fff transparent transparent;border-top-color:#fff;}
.plistli .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{color: #0B2A61 !important;}
.plistli .layui-nav-tree .layui-nav-item a:hover{color: #fff;}
.plistli .layui-nav .layui-nav-item .layui-nav-child a{color: #666;}
.plistli .layui-nav-itemed>.layui-nav-child{background-color: #2f4670 !important;}

.plistli .layui-nav-tree .layui-nav-bar{background-color: #0B2A61;}
.prfilter{border-bottom: solid 2px #D0D0D0;padding-bottom: 10px;}
.prfilter p{font-size: 16px;font-weight: 700;float: left;}
.prfilter p em{color: #d00;}
.prseach{width: 100%;float: left;margin-bottom: 10px;}
.prseach .layui-input{border: none;}
.prseach .layui-btn{margin-left: -5px;background: #0B2A61;}
.prseach .layui-input{border:1px solid #666}
.prseach .layui-input:focus{border:1px solid #0b2a61}
.prseach .layui-inline{width: 76%;}
.threbox{float: left;width: 96%;padding: 2%;background: #F8F8F8;margin-bottom: 10px;}
.threbox h3{float: left;font-weight: 600;width: 7%;}
.threbox ul{float: left;width: 82%;}
.threbox ul li{float: left;padding: 0 5px;line-height: 24px;width: 15%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.threbox ul .on a{color: #0B2A61;font-weight: 700;}
.prictli {margin-left: -30px;}
.prictli li{float: left;width: 278px;margin-top: 30px;margin-left: 30px;}
.prictli li img{float: left;width: 278px;height: 193px;}
.printrc {width: 278px;}
.printrc h2{font-size:14px;float: left;width: 100%;font-weight: 700;line-height: 28px;height: 28px;text-align: center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.printrc h2:hover{color: #007DDB;}
.printrc span a{float: left;font-size: 14px;width: 100%;text-indent:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.price p{float: left;font-size: 18px;font-weight: 700;}
.price p strong{font-size: 36px;color: #d00;margin-right: 20px;}
.prbtn a{float: left; width:102px;height: 32px;text-align: center;line-height: 32px;margin: 10px 10px 20px 20px;font-size: 16px;}
.ckxq{border: solid 1px #D0D0D0;}
.prbtn .ljgm{color: #fff;}
.ljgm {border: solid 1px #0B2A61;color: #ffff !important;background: #0B2A61;}
.border_animation { border: 1px solid #eee; width: 278px; height: auto;  position: relative; }
.border_animation .border_top { position: absolute; height: 1px; width: 0; font-size: 0; background: #0B2A61; top: 0; left: 0; transition: all 0.5s ease-out; }
.border_animation .border_right { position: absolute; height: 0px; width: 1px; font-size: 0; background: #0B2A61; bottom: 0; right: 0; transition: all 0.5s ease-out; }
.border_animation .border_bottom { position: absolute; height: 1px; width: 0px; font-size: 0; background: #0B2A61; right: 0; bottom: 0; transition: all 0.5s ease-out; }
.border_animation .border_left { position: absolute; height: 0px; width: 1px; font-size: 0; background: #0B2A61; left: 0; top: 0; transition: all 0.5s ease-out; }
.eva-switchable-panels img { display: block; }
.prictli .hover .border_top,.prictli .hover .border_bottom { width: 278px}
.prictli .hover .border_left,.prictli .hover .border_right { height: 369px}



/**product**/
#ifocus { width:630px; margin-bottom:7px; height:535px; }
#ifocus_pic { display:inline; position:relative; float:left; width:630px; height:410px; overflow:hidden;     border: solid 1px #d0d0d0; }
#ifocus_piclist li { width:100%; height:410px; overflow:hidden;}
#ifocus_piclist img { width:100%; height:100%; }
#ifocus_btn { display:inline; float:left; margin-top:9px; width:630px;}
#ifocus_btn li {float: left; width:115px; height:92px;cursor:pointer;margin-right: 10px;margin-top: 20px;border: solid 1px #d0d0d0; }
#ifocus_btn li:last-child{margin-right: 0;}
#ifocus_btn img { width:100%; height:100%;  }
.prtit {width: 510px;margin-left:60px;}
.prtit h1{float: left; width: 100%;line-height: 36px;font-size: 24px; color: #333; font-weight: bold;}
.prtit h2{float: left;width: 100%;margin-top: 20px;font-size: 18px;font-weight: 600;}
.prtit h2 em{font-size: 32px; font-weight: bold;color: #ff0000;}
.trait{color: #666;font-size: 16px;}
.kuli{float: left; width: 100%;margin-top: 30px; padding: 10px 0;background: #e7effd;text-indent: 10px;}
.kuli p{float: left;width: 100%;font-size: 18px;line-height: 36px;margin-top: 10px;}
.btn-box{float: left;width: 100%;margin-top: 30px;font-size: 16px;}
.btn-box a{border: solid 1px #D0D0D0;padding: 10px 30px;margin-right: 20px;background: #F2F2F2;}
.btn-box a i{color: #DD0000;font-size: 20px;}
.share{ float: right; width: 205px; height: 45px; text-align: center; line-height: 43px;font-size: 18px; color: #666;}
.bdshare-button-style0-16 {float:right;}
.zffs{margin-top: 30px;}
.zffs span{float: left; color: #999999;}
.zffs p{float: left;color: #666;margin-left: 20px;text-indent: 5px;line-height: 28px;font-size: 12px;}
.ico1{float: left; background: url(../img/ico1.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.ico2{float: left; background: url(../img/ico2.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.ico3{float: left; background: url(../img/ico3.jpg) no-repeat;width: 16px;height: 16px;margin-top: 6px;}
.probox{margin-top: 40px;}

.protit ul {border: 1px #D0D0D0 solid;float: left;width: 1198px;text-align: center;}
.protit li a{float: left;text-align: center;font-size: 20px;font-weight: 700; padding: 20px 60px;}
.protit li a:hover{color: #0b2a61;}
.protit .on a{color: #2654ab;}
.fixedpro {position: fixed;top: 0px;z-index: 9999;background: #0b2a61;display: block;left:0;}
.fixedpro ul{width: 1200px;margin: 0 auto;float: none;border: none;}
.fixedpro li a{color: #fff;font-weight: 100;padding: 10px 60px;}
.fixedpro li a:hover{color: #f0f0f0;}
.fixedpro .on a{color: #b8d2ff;}
.proxl {width: 1200px;margin-top: 20px;}
.proxl img{margin-top:1%;height: auto;max-width:1200px}
.proxl h3{ float: left;width: 100%;color: #333;text-align: center;font-size: 18px;font-weight: 700;line-height: 38px;} 
.proxl table{float: left;width: 100%;margin-top: 30px;}
.proxl table td{border: 1px #D0D0D0 solid; padding-left: 10px;font-size: 16px;line-height: 38px;}
.prtj li{width: 360px;float: left;margin-left: 60px;}
.prtj li:first-child{margin-left: 0;}
.prtj li img{float: left;width: 100%;height: 280px;}
.prtj li p{float: left;width: 100%;font-size: 18px;line-height: 42px;text-align: center;background: #007DDB;color: #FFFFFF;}
.layui-laypage strong {background: #2E6AB1;padding: 1px;border: #1D589E 1px solid;color: #FFFFFF;display: inline-block;vertical-align: middle;padding: 0 15px;height: 28px;line-height: 28px;margin: 0 -1px 5px 0; font-weight: 100;font-size: 12px;}
.layui-laypage{margin:20px 0;}

.lanly{border:solid 1px #D0D0D0;width: 99.8%;}
.lanly h3{ float: left;width: 100%;color: #333;text-align: center;font-size: 18px;font-weight: 700;line-height: 38px;    padding: 2% 0;} 
.lanly form{width: 80%;margin-left: 10%;}
.lanly .layui-input, .layui-textarea{width: 90%;}